﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Ashhen Azoyan</title>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<style type="text/css">
			@import url(http://fonts.googleapis.com/css?family=Wire+One);
			
			@import url('resources/globals.css');
			@import url('resources/imaging.css');
			@import url('resources/menu.css');
		</style>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="j/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="identity.js"></script>
		<script type="text/javascript" src="j/index-control.js"></script>
		<script type="text/javascript" src="j/frame-control.js"></script>
		<script type="text/javascript" src="j/popup.js"></script>
		<script type="text/javascript" src="j/picasa-adapter.js"></script>
		<script type="text/javascript" src="j/loader.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				var $indexControl = $("div.frame-view div.index");
				var frameCtl = new FrameControl($("div.frame-view"));
				var indexCtl = new IndexControl($indexControl);
				var isFirstLoad = true;

				indexCtl.selectionRequested = function (i) {
					frameCtl.scrollToFrame(i);
					indexCtl.select(i);
				};

				initializeGallery(authorID, function (photos) {
					frameCtl.load(photos);
					indexCtl.load(photos);
					indexCtl.select(0);
					frameCtl.scrollToFrame(0);

					if (isFirstLoad) {
						new PopupNotifier($(document.body), 3500, function (show) {
							var $mainMenu = $("ul.main");

							$indexControl.animate({ bottom: show ? 0 : -$indexControl.height() }, { easing: "easeInOutBack", duration: "slow" });
							$mainMenu.animate({ left: show ? 0 : -$mainMenu.width() }, { easing: "easeInOutBack", duration: "slow" });
						});

						isFirstLoad = false;
					}
				});
			});
		</script>
	</head>
	<body>
		<div class="about">
			<p>ashhen azoyan</p>
			<p>photographer</p>
		</div>
		<ul class="menu main">
			<li id="albums">
				<ul></ul>
			</li>
			<li>
				<div class="contacts">
					<p>Mobile: <b>+7 (909) 9404069</b></p>
					<p>Email: <b><a href="mailto:ashhen@azoyan.com">ashhen@azoyan.com</a></b></p>
				</div>
			</li>
		</ul>
		<div class="frame-view">
			<ul class="full-size">
			</ul>
			<div class="index">
				<ul>
				</ul>
				<a class="index-scroll" id="backward" href="#"></a>
				<a class="index-scroll" id="forward" href="#"></a>
			</div>
		</div>
	</body>
</html>
